/*! mod__fab--svg.css 0.0.0.1 (c) 2019 Gwilym Richards, https://gwil.it  */.fab{display:inline-block;position:relative;text-align:center;vertical-align:middle;font-size:initial;width:3.5em;height:3.5em;padding:0;margin:0 .2em;will-change:transform;border:none;border-radius:1.75em!important;pointer-events:all;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;color:#eee;fill:currentColor}z.fab::after{content:'';position:absolute;height:calc(100% + 8px);width:calc(100% + 8px);top:-6px;left:-6px;border-radius:50%!important;border:2px dotted rgba(51,122,183,1);will-change:opacity;opacity:0;transition:opacity 75ms linear 30ms}.fab--label::after{border-radius:calc(1.5em + 4px)!important}.fab--mini{height:2.5em;width:2.5em;border-radius:1.25em!important}.fab--label{text-transform:uppercase;height:3em;width:auto;max-width:100%;padding:0 1.25em;border-radius:1.5em!important}.fab--fixed{width:10.5rem}.fab__icon{box-sizing:border-box;display:inline-block;top:0;left:0;height:3.5em;width:3.5em;padding:30%;fill:currentColor;stroke:currentColor;vertical-align:middle}.fab--label .fab__icon{height:1em;width:1em;padding:0}.fab--mini .fab__icon{height:2.5em;width:2.5em}.fab:not(.fab--swap) .fab__icon:first-child{margin-left:-.25em;margin-right:.75em}.fab:not(.fab--swap) .fab__icon:last-child{margin-left:1em;margin-right:-.25em}.fab:not(.fab--label):not(.fab--swap) .fab__icon,.fab:not(.fab--swap) .fab__icon:only-child{margin-left:0;margin-right:0}.fab:not(.fab--label):not(.fab--swap)>.fab__icon.-svgi-cart{margin-left:-.2rem;padding-bottom:0}.fab__icon.-svgi-cart~.btn__badge{margin-top:-.2rem;margin-left:-.5rem}.fab__label{display:inline-block;font-size:.875em;letter-spacing:.08929em;font-weight:500;line-height:3rem;vertical-align:middle}.h-fab-icon-rotate-in,.h-fab-icpm-rotate-out{position:absolute;top:0;left:0;transition:.3s}.h-fab-icon-rotate-in{opacity:0;transform:rotate(90deg)}.h-fab-icon-rotate-out{opacity:1;transform:rotate(0)}.fab--swap-hover:hover .h-fab-icon-rotate-in{opacity:1;transform:rotate(0)}.fab--swap-hover:hover .h-fab-icon-rotate-out{opacity:0;transform:rotate(-90deg)}@keyframes fab-in-r-f-cw{from{opacity:0;transform:rotate(-360deg)}to{opacity:1;transform:rotate(0)}}@keyframes fab-in-r-f-ccw{from{opacity:0;transform:rotate(360deg)}to{opacity:1;transform:rotate(0)}}@keyframes fab-out-r-f-ccw{from{opacity:1;transform:rotate(0)}to{opacity:0;transform:rotate(-360deg)}}@keyframes fab-out-r-f-cw{from{opacity:1;transform:rotate(0)}to{opacity:0;transform:rotate(360deg)}}.fab .state{position:absolute;display:block;top:-1px;left:-1px}.fab .state-pressed.rotate-out-cw{animation:elf-out-r-f-cw .3s ease both}.fab .state-default.rotate-in-cw{animation:elf-in-r-f-cw .3s ease both}.fab .state-pressed.rotate-out-ccw{animation:elf-out-r-f-ccw .3s ease both}.fab .state-default.rotate-in-ccw{animation:elf-in-r-f-ccw .3s ease both}.fab.is-pressed .state-default.rotate-out-cw{animation:elf-out-r-f-cw .3s ease both}.fab.is-pressed .state-pressed.rotate-in-cw{animation:elf-in-r-f-cw .3s ease both}.fab.is-pressed .state-default.rotate-out-ccw{animation:elf-out-r-f-ccw .3s ease both}.fab.is-pressed .state-pressed.rotate-in-ccw{animation:elf-in-r-f-ccw .3s ease both}